<template>
	<el-form :model="form" label-width="120px">
	    <el-form-item label="用户名" prop="name">
	      <el-input v-model="form.name" />
	    </el-form-item>
		<el-form-item label="真实姓名" prop="realName">
		  <el-input v-model="form.realName" />
		</el-form-item>
		<el-form-item label="手机号码" prop="mobile">
		  <el-input v-model="form.mobile" />
		</el-form-item>
		<el-form-item label="部门" prop="bm">
		  <el-input v-model="form.bm" />
		</el-form-item>
		<el-form-item label="角色" prop="role">
		  <el-input v-model="form.role" />
		</el-form-item>
		<el-form-item label="邮箱" prop="email">
		  <el-input v-model="form.email" />
		</el-form-item>
    </el-form>
</template>

<script setup lang="ts">
	import { reactive } from 'vue'
	
	// do not use same name with ref
	const form = reactive({
	  "name": "",
	  "pwd": "",
	  "mobile": "",
	  "realName": "",
	  "site": "0",
	  "role": "",
	  "bm": "",
	  "imgHead": "img/zwtx.png",
	  "email": ""
	
	})
	
	const onSubmit = () => {
	  console.log('submit!')
	}
</script>

<style>
</style>